<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>注册-{$setting.site_name}</title>
<style>
*{margin:0; padding:0;}
html{height:100%;}
body{line-height:1.5; color:#535353; font-size:12px; background:#ebebeb url(__HOME_IMAGES__/default/images/index/bj.jpg) no-repeat center top; background-size:cover; min-height:100%;}
menu,ul,li,ol,dl,dt,dd{list-style:none;}
h1,h2,h3,h4,h5,h6,input,button,select,textarea{font-size:12px; font-weight:normal;}
body,input,button,select,optgroup,option,textarea,pre{font-family:Arial,Microsoft YaHei,Roboto,"Droid Sans","Hiragino Sans GB","Simsun",STXihei,"sans-serif";}
iframe{vertical-align:top;}
a{text-decoration:none; color:#535353;}
a:hover{/*text-decoration:underline; color:#2161b3;*/}
img{vertical-align:top;}
a img{border:0 none;}
i,em{font-style:normal;}
fieldset{margin:0; padding:0;}
legend{color:windowtext;}
button,input.ie6{overflow:visible; cursor:pointer;}
input{outline:none;}
input[type="button"],input[type="submit"],input[type="reset"]{overflow:visible; cursor:pointer;}
select{border:1px inset;}
textarea{overflow:auto; vertical-align:text-bottom; *vertical-align:auto; border:1px solid; resize:none;}
table{border-collapse:collapse; border-spacing:0;}
td,th,caption{padding:0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a0a0a0;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#a0a0a0;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#a0a0a0; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0a0a0;} 
.clearfix:after{content:""; clear:both; height:0; display:block; visibility:hidden; font-size:0;}
.clearfix{zoom:1;}

#wrapper{width:800px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.w-head{}
.w-head .logo{float:left; padding-bottom:10px;}
.w-head .online{float:right; line-height:32px; background-color:rgba(0,0,0,.2); border-radius:16px; overflow:hidden; padding:0 16px; margin-top:10px; color:#fff; text-shadow:0 0 10px rgba(0,0,0,.3);}
.w-head .online a{color:#fff100;}
.w-body{border-radius:5px; background-color:rgba(0,0,0,.6); box-shadow:0 0 10px rgba(0,0,0,.3); padding:30px;}
.w-foot{text-align:center; position:absolute; bottom:20px; width:100%; line-height:26px; color:#fff; text-shadow:0 0 10px rgba(0,0,0,.3);}

.wf-form{width:420px;}
.wf-form .item .icon{display:inline-block; width:90px; font-size:16px; color:#fff; text-align:left; text-shadow:0 0 10px rgba(0,0,0,.3);}
.wf-form .item .inp{width:330px; height:40px; border:1px solid #ccc; background-color:#fff; border-radius:4px; box-sizing:border-box; outline:none; padding:0 12px; box-shadow:0 1px 1px rgba(0,0,0,.075) inset; overflow:hidden;}
.wf-form li{position:relative;}
.wf-form li+li{margin-top:20px;}
.w-body .tit{height:42px; line-height:42px; color:#fff; font-size:16px; margin-bottom:20px; border-bottom:1px solid #6f819b; text-shadow:0 0 10px rgba(0,0,0,.3);}
.wf-form li .i-tips{position:absolute; top:0; left:100%; width:100%; line-height:42px; margin-left:16px; color:#fff; font-size:14px;}
/*.wf-form label.item{display:block; height:34px; border:1px solid #ccc; background-color:#fff; border-radius:4px; position:relative; padding-left:34px;}
.wf-form label.item .inp,.wf-form label.item .sel{width:100%; height:34px; border:none; box-shadow:0 1px 1px rgba(0,0,0,.075) inset; border-radius:4px; overflow:hidden; padding-right:12px; box-sizing:border-box; outline:none;}
.wf-form label.item .icon{display:block; width:10px; height:10px; background-color:#eee; position:absolute; top:12px; left:12px;}
.wf-form label.item{}
.wf-form .tit{line-height:1; padding:10px 0; margin-bottom:10px; overflow:hidden;}
.wf-form .tit h3{font-size:18px; color:#2161b3; float:left;}
.wf-form .tit a{float:right;}
.wf-form .tit a:hover{color:#2161b3;}*/
.wf-form .wf-btn{height:42px; color:#fff; background-color:#2161b3; border:none; width:100%; box-shadow:0 1px 1px rgba(0,0,0,.075) inset; border-radius:4px; font-size:16px;}
</style>
</head>
<body>
<div id="wrapper">
  <div class="w-head clearfix">
    <div class="logo"><a href="<?php echo U('Home/Index/index')?>"><img src="__HOME_IMAGES__/default/images/index/logo_new.png"></a></div>
    <div class="online"><span>有问题咨询在线客服？</span><a href="http://chat7.livechatvalue.com/chat/chatClient/chatbox.jsp?companyID=839585&configID=58043&jid=7060780367"target="_blank">点击此处</a></div>
  </div>
  <div class="w-body">
    <div class="tit">欢迎您注册网站会员，如果您已拥有账户，则可在此<a href="<?php echo U('Home/Login/index')?>" style="color:#fff100; margin-left:16px;">登录</a></div>
    <div class="wf-form">
      <ul>
        <li>
          <label class="item">
            <i class="icon i-user">账号</i><input type="text" name="username"id="username" class="inp">
          </label>
          <span class="i-tips">＊账号由4-10个字符组成</span>
        </li>
		<li>
          <label class="item">
            <i class="icon i-user">手机号码</i><input type="text" n id="mobile" name="mobile" class="inp">
          </label>
          <span class="i-tips">＊请输入真实手机号码</span>
        </li>
        <li>
          <label class="item">
            <i class="icon i-user">密码</i><input type="password" name="password"id="password" class="inp">
          </label>
          <span class="i-tips">＊6-20个字母、数字或组合组成，区分大小写</span>
        </li>
         <li>
          <label class="item">
            <i class="icon i-user">确认密码</i><input type="password" name="password1" id="password1"class="inp">
          </label>
          <span class="i-tips">＊请再次输入密码以确保输入无误</span>
        </li>
        <li>
          <label class="item">
            <i class="icon i-user">验证码</i><input type="text" id="code" class="inp">
          </label>
          <a href="#"class="yzm" style="position:absolute; top:50%; right:10px; margin-top:-10px;"><img src="{:U('Register/Verify')}" class="verifyimg"style="width:60px; height:20px;"></a>
          <span class="i-tips">＊请输入验证码</span>
        </li>
        <li style="padding-left:90px;"><input type="button" value="注册" class="wf-btn" id="btnRegister"></li>
      </ul>
    </div>
  </div>
</div>

<script src="__HOME_JS__/js/jquery.js"></script>
<!-- <script src="__HOME_JS__/js/jquery.SuperSlide.2.1.1.js"></script> -->

<!-- <link rel="stylesheet" href="__HOME_JS__/js/jquery-ui/styles/jquery-ui.css">
<script src="__HOME_JS__/js/jquery-ui/jquery-ui.js"></script>
<script type="text/javascript" src="__HOME_JS__/js/dialog.js"></script>-->
<script src="__HOME_JS__/js/reg.js"></script> 
<script src="__HOME_CSS__/default/js/layer/layer.js"></script>
<script>
	var verifyimg = $(".verifyimg").attr("src");
	$(".yzm").click(function(){
		if(verifyimg.indexOf('?')>0){
			$(".verifyimg").attr("src",verifyimg+'&random='+Math.random());
		}else{
			$(".verifyimg").attr("src",verifyimg+'?random'+Math.random());
		}
	})

	
</script>
<include file="Public/foot" />